<!-- FUNDING PAGE — ZENTITEL DARK THEME (styled & functional) -->
<div class="page-content header-clear-medium" style="background-color: #1C2C5B; min-height:100vh; padding: 22px;">

    <!-- Top header -->
    <div style="text-align:center; margin-bottom:20px;">
        <h2 style="color:#fff; margin:0; font-weight:700; letter-spacing:0.4px;">Fund Wallet</h2>
        <p style="color:rgba(255,255,255,0.85); margin-top:6px;">Choose a method to top up your wallet</p>
    </div>

    <!-- Card wrapper (keeps original structure but restyled) -->
    <div class="card card-style bg-theme pb-0" style="background: rgba(255,255,255,0.035); border-radius:16px; padding:18px; box-shadow: 0 8px 30px rgba(0,0,0,0.45); border: 1px solid rgba(255,255,255,0.04);">
        <div class="content" id="tab-group-1">

            <!-- Tab/controls (keeps original semantics but modernized) -->
            <div class="tab-controls tabs-small tabs-rounded" data-highlight="bg-highlight" style="display:flex; gap:10px; justify-content:center; margin-bottom:18px;">
                <a href="#" data-active data-bs-toggle="collapse" data-bs-target="#tab-1" class="z-tab z-tab-active">Bank</a>
                <a href="#" data-bs-toggle="collapse" data-bs-target="#tab-2" class="z-tab">Card</a>
                <a href="#" data-bs-toggle="collapse" data-bs-target="#tab-3" class="z-tab">Manual</a>
            </div>

            <style>
                /* ZENTITEL fund styling (scoped) */
                .z-tab { padding:10px 18px; border-radius:12px; background: rgba(255,255,255,0.03); color:#fff; text-decoration:none; font-weight:700; cursor:pointer; transition:all .18s ease; }
                .z-tab:hover { transform:translateY(-3px); background:linear-gradient(135deg,#ff2a6d,#8a2be2); box-shadow:0 10px 30px rgba(138,43,226,0.12); color:#fff; }
                .z-tab.z-tab-active, .z-tab[data-active] { background: linear-gradient(135deg,#ff2a6d,#8a2be2); box-shadow:0 10px 30px rgba(138,43,226,0.12); }
                .fund-section { background: transparent; padding:16px 10px; color:#fff; }
                .fund-card { background: rgba(255,255,255,0.03); border-radius:14px; padding:16px; border:1px solid rgba(255,255,255,0.04); box-shadow: 0 8px 30px rgba(0,0,0,0.45); }
                .accent-note { color:#ff7ab6; font-weight:700; }
                .muted { color: rgba(255,255,255,0.75); }
                .label-strong { color:#fff; font-weight:700; }
                .copy-btn { background: linear-gradient(135deg,#ff2a6d,#8a2be2); color:#fff; padding:6px 10px; border-radius:10px; border:none; cursor:pointer; font-weight:700; }
                .primary-btn { background: linear-gradient(135deg,#ff2a6d,#8a2be2); color:#fff; padding:12px 18px; border-radius:12px; border:none; width:100%; font-weight:800; cursor:pointer; }
                .secondary-btn { background: rgba(255,255,255,0.06); color:#fff; padding:10px 14px; border-radius:12px; border:1px solid rgba(255,255,255,0.04); cursor:pointer; }
                .small-muted { color: rgba(255,255,255,0.6); font-size:13px; }
                .account-box { background: rgba(255,255,255,0.02); padding:12px; border-radius:10px; border:1px solid rgba(255,255,255,0.03); margin-bottom:12px; }
                .note-danger { color:#ffb3ca; font-weight:700; }
                input.form-control, select.form-control {
                    background: rgba(255,255,255,0.02); color: #fff; border: 1px solid rgba(255,255,255,0.03); padding:12px 14px; border-radius:10px; width:100%;
                }
                input.form-control:focus { outline:none; box-shadow: 0 6px 20px rgba(0,0,0,0.5); border-color: rgba(255,255,255,0.06); }
            </style>

            <div class="clearfix mb-3"></div>

            <!-- TAB 1 : Bank (original logic preserved) -->
            <div data-bs-parent="#tab-group-1" class="collapse show" id="tab-1">
                <div class="fund-section">
                    <div class="text-center mb-3">
                        <span style="display:inline-block; width:72px; height:72px; border-radius:18px; background: linear-gradient(135deg,#ff2a6d,#8a2be2); display:flex; align-items:center; justify-content:center; box-shadow: 0 8px 30px rgba(0,0,0,0.45);">
                            <i class="fa fa-university" style="font-size:28px; color:#fff;"></i>
                        </span>
                    </div>

                    <div class="fund-card">
                        <h3 style="margin-top:0; margin-bottom:6px; color:#000;">Fund Wallet — Bank</h3>
                        <p class="small-muted; color:#000;">Select an available bank provider or generate a dedicated account where supported. Automated transfers may attract processing charges as configured.</p>

                        <!-- BILLSTACK BANK START (original logic intact) -->
                        <?php 
                        if ($controller->getConfigValue($data2, "billstackStatus") == "On"): 
                            $billstackCharges = $controller->getConfigValue($data2, "billstackCharges");
                            $billstackChargesType = $controller->getConfigValue($data2, "billstackChargesType");
                            $billstackChargesText = ($billstackChargesType == "flat") ? "N" . $billstackCharges : $billstackCharges . "N";

                            // Array of bank options
                            $banks = [
                                "PALMPAY BANK" => $data->PalmpayBank,
                                "PAGA BANK" => $data->sAsfiyBank,
                                "SAFEHAVEN BANK" => $data->sSafehavenBank,
                                "BANKLY BANK" => $data->sBanklyBank,
                                "9PSB BANK" => $data->s9PSBBank,
                            ];
                        ?>

                        <div style="margin-top:12px;">
                            <p class="note-danger; color:#000;">Select a bank to generate a dedicated account number. Funding attracts <?php echo $billstackChargesText; ?> only.</p>

                            <?php foreach ($banks as $bankName => $bankAccount): ?>
                                <?php if (empty($bankAccount)): ?>
                                    <form method="POST" id="billstackForm_<?php echo htmlspecialchars($bankName); ?>">
                                        <input type="hidden" name="generate-billstack-account" value="<?php echo htmlspecialchars($bankName); ?>" />
                                    </form>
                                    <button class="primary-btn" id="billstackBtn_<?php echo htmlspecialchars($bankName); ?>"
                                        onclick="document.getElementById('billstackBtn_<?php echo htmlspecialchars($bankName); ?>').disabled = true; document.getElementById('billstackBtn_<?php echo htmlspecialchars($bankName); ?>').innerHTML = '<i class=&quot;fa fa-spinner fa-spin&quot;></i> Processing ...'; document.getElementById('billstackForm_<?php echo htmlspecialchars($bankName); ?>').submit();">
                                        Generate <?php echo htmlspecialchars($bankName); ?> Account
                                    </button>
                                <?php else: ?>
                                    <div class="account-box">
                                        <div style="display:flex; justify-content:space-between; align-items:center;">
                                            <div>
                                                <div class="label-strong">Bank Name</div>
                                                <div class="muted"><?php echo htmlspecialchars($bankName); ?></div>
                                            </div>
                                            <div style="text-align:right;">
                                                <div class="label-strong">Account No</div>
                                                <div style="display:flex; gap:8px; align-items:center; justify-content:flex-end;">
                                                    <div id="acct_<?php echo md5($bankAccount); ?>" class="muted"><?php echo htmlspecialchars($bankAccount); ?></div>
                                                    <button class="copy-btn" onclick="copyToClipboard('<?php echo htmlspecialchars($bankAccount); ?>')">Copy</button>
                                                </div>
                                            </div>
                                        </div>
                                        <div style="margin-top:10px;">
                                            <div class="note-danger"><b>Note:</b> Automated bank transfer attracts additional charges of <?php echo $billstackChargesText; ?> only.</div>
                                        </div>
                                    </div>
                                <?php endif; ?>
                            <?php endforeach; ?>
                        </div>

                        <?php endif; ?>
                        <!-- BILLSTACK BANK END -->

                        <!-- PAYVESSEL (original logic preserved) -->
                        <?php if($controller->getConfigValue($data2,"payvesselStatus") == "On"): ?>
                            <?php $payvesCharges = $controller->getConfigValue($data2,"payvesselCharges"); 
                            $payvesChargesType = $controller->getConfigValue($data2,"payvesselChargesType"); 
                            $payvesChargesText = ($payvesChargesType == "flat") ? "N".$payvesCharges : $payvesCharges."%";?>
                            <?php $generatedAccountNumber = $controller->generatePayvesselDynamic();?> 

                            <div style="margin-top:10px;">
                            <?php if($data->pVerify == "yes"): ?>
                                <div class="account-box">
                                    <div class="label-strong">Bank Name</div>
                                    <div class="muted">9Payment Service Bank (9PSB)</div>
                                    <div style="margin-top:8px;" class="label-strong">Account No</div>
                                    <div style="display:flex; gap:8px; align-items:center;">
                                        <div id="payvesselAcct" class="muted"><?php echo htmlspecialchars($data->sPayvesselBank); ?></div>
                                        <button class="copy-btn" onclick="copyToClipboard('<?php echo htmlspecialchars($data->sPayvesselBank); ?>')">Copy</button>
                                    </div>
                                    <div style="margin-top:8px;" class="note-danger"><b>Note:</b> Automated bank transfer attracts additional charges of <?php echo $payvesChargesText; ?> only.</div>
                                </div>
                            <?php else: ?>
                                <?php if($profileDetails->sKycStatus <> "verified" && $siteSettings->kycShouldEnable == "yes"): ?>
                                    <div class="account-box">
                                        <div style="display:flex; gap:12px; align-items:center;">
                                            <img src="../../assets/images/icons/user-verify.png" style="width:48px; height:48px; border-radius:8px;" alt="verify">
                                            <div>
                                                <div class="label-strong">KYC Verification Required</div>
                                                <div class="small-muted">You must verify your identity to get a dedicated fast funding account.</div>
                                            </div>
                                        </div>
                                        <div style="margin-top:12px;">
                                            <a href="payvessel-verify" class="primary-btn">Start Verification</a>
                                        </div>
                                    </div>
                                <?php else: ?>
                                    <!-- fallback message (if other logic applies) -->
                                <?php endif; ?>
                            <?php endif; ?>
                            </div>
                        <?php endif; ?>
                        <!-- PAYVESSEL END -->

                        <!-- ASPFIY (PAGA) -->
                        <?php if($controller->getConfigValue($data2,"asfiyStatus") == "On"): ?>
                            <?php 
                            $asfiyCharges = $controller->getConfigValue($data2,"asfiyCharges");
                            $asfiyChargesType = $controller->getConfigValue($data2,"asfiyChargesType");
                            $asfiyChargesText = ($asfiyChargesType == "flat") ? "N".$asfiyCharges : $asfiyCharges."%"; 
                            ?>
                            <div style="margin-top:12px;">
                            <?php if(empty($data->sAsfiyBank)): ?>
                                <div class="account-box">
                                    <div class="note-danger">Get a Paga account for automated transfer. Funding attracts <?php echo $asfiyChargesText; ?> only.</div>
                                    <form method="POST" id="aspfiyform"><input type="hidden" name="generate-aspfiy-account" value="YES" /></form>
                                    <div style="margin-top:10px;">
                                        <button class="primary-btn" id="aspfiybtn" onclick="document.getElementById('aspfiybtn').disabled=true; document.getElementById('aspfiybtn').innerHTML = '<i class=&quot;fa fa-spinner fa-spin&quot;></i> Processing ...'; document.getElementById('aspfiyform').submit();">Generate Account</button>
                                    </div>
                                </div>
                            <?php else: ?>
                                <div class="account-box">
                                    <div class="label-strong">Bank Name: </div><div class="muted">Paga Microfinance Bank</div>
                                    <div style="margin-top:8px;" class="label-strong">Account No:</div>
                                    <div style="display:flex; gap:8px; align-items:center;">
                                        <div class="muted"><?php echo htmlspecialchars($data->sAsfiyBank); ?></div>
                                        <button class="copy-btn" onclick="copyToClipboard('<?php echo htmlspecialchars($data->sAsfiyBank); ?>')">Copy</button>
                                    </div>
                                    <div style="margin-top:8px;" class="note-danger"><b>Note:</b> Automated bank transfer attracts additional charges of <?php echo $asfiyChargesText; ?> only.</div>
                                </div>
                            <?php endif; ?>
                            </div>
                        <?php endif; ?>
                        <!-- ASPFIY END -->

                        <!-- MONNIFY / MULTI-BANKS (keeps original blocks) -->
                        <?php if($controller->getConfigValue($data2,"monifyStatus") == "On"): ?>
                            <?php $chargesText = $controller->getConfigValue($data2,"monifyCharges"); ?>
                            <?php if($chargesText == 50 || $chargesText == "50"){$chargesText = "N".$chargesText;} else {$chargesText = $chargesText."%";} ?>
                            
                            <div style="margin-top:12px;">
                                <?php if($profileDetails->sKycStatus <> "verified" && $siteSettings->kycShouldEnable == "yes"): ?>
                                    <div class="account-box">
                                        <div class="note-danger">Get a Wema, GTB or Fidelity dynamic account. Charges: <?php echo $chargesText; ?> only.</div>
                                        <div style="margin-top:8px;"><a href="dynamic-account" class="primary-btn">Generate Account</a></div>
                                    </div>
                                <?php else: ?>
                                    <?php if($controller->getConfigValue($data2,"monifyGtStatus") == "On"): ?>
                                        <?php if(empty($data->sGtBank)): ?>
                                            <div class="account-box">
                                                <div class="note-danger">Get a GT Bank account for automated transfer. Funding attracts <?php echo $chargesText; ?> only.</div>
                                                <form method="POST" id="gtbankform"><input type="hidden" name="generate-gtbank-account" value="YES" /></form>
                                                <div style="margin-top:8px;">
                                                    <button class="primary-btn" id="gtbankbtn" onclick="document.getElementById('gtbankbtn').disabled=true; document.getElementById('gtbankbtn').innerHTML='<i class=&quot;fa fa-spinner fa-spin&quot;></i> Processing ...'; document.getElementById('gtbankform').submit();">Generate Account</button>
                                                </div>
                                            </div>
                                        <?php else: ?>
                                            <div class="account-box">
                                                <div class="label-strong">Bank Name: GT Bank</div>
                                                <div style="margin-top:8px;" class="label-strong">Account No:</div>
                                                <div style="display:flex; gap:8px; align-items:center;">
                                                    <div class="muted"><?php echo htmlspecialchars($data->sGtBank); ?></div>
                                                    <button class="copy-btn" onclick="copyToClipboard('<?php echo htmlspecialchars($data->sGtBank); ?>')">Copy</button>
                                                </div>
                                                <div style="margin-top:8px;" class="note-danger"><b>Note:</b> Automated bank transfer attracts additional charges of <?php echo $chargesText; ?> only.</div>
                                            </div>
                                        <?php endif; ?>
                                    <?php endif; ?>

                                    <?php if($controller->getConfigValue($data2,"monifyFeStatus") == "On"): ?>
                                        <div class="account-box">
                                            <div class="label-strong">Bank Name: Fidelity Bank</div>
                                            <div style="margin-top:8px;" class="label-strong">Account No:</div>
                                            <div style="display:flex; gap:8px; align-items:center;">
                                                <div class="muted"><?php echo htmlspecialchars($data->sFidelityBank); ?></div>
                                                <button class="copy-btn" onclick="copyToClipboard('<?php echo htmlspecialchars($data->sFidelityBank); ?>')">Copy</button>
                                            </div>
                                            <div style="margin-top:8px;" class="note-danger"><b>Note:</b> Automated bank transfer attracts additional charges of <?php echo $chargesText; ?> only.</div>
                                        </div>
                                    <?php endif; ?>

                                    <?php if($controller->getConfigValue($data2,"monifyMoStatus") == "On"): ?>
                                        <div class="account-box">
                                            <div class="label-strong">Bank Name: Moniepoint</div>
                                            <div style="margin-top:8px;" class="label-strong">Account No:</div>
                                            <div style="display:flex; gap:8px; align-items:center;">
                                                <div class="muted"><?php echo htmlspecialchars($data->sRolexBank); ?></div>
                                                <button class="copy-btn" onclick="copyToClipboard('<?php echo htmlspecialchars($data->sRolexBank); ?>')">Copy</button>
                                            </div>
                                            <div style="margin-top:8px;" class="note-danger"><b>Note:</b> Automated bank transfer attracts additional charges of <?php echo $chargesText; ?> only.</div>
                                        </div>
                                    <?php endif; ?>

                                    <?php if($controller->getConfigValue($data2,"monifyWeStatus") == "On"): ?>
                                        <div class="account-box">
                                            <div class="label-strong">Bank Name: Wema Bank</div>
                                            <div style="margin-top:8px;" class="label-strong">Account No:</div>
                                            <div style="display:flex; gap:8px; align-items:center;">
                                                <div class="muted"><?php echo htmlspecialchars($data->sBankNo); ?></div>
                                                <button class="copy-btn" onclick="copyToClipboard('<?php echo htmlspecialchars($data->sBankNo); ?>')">Copy</button>
                                            </div>
                                            <div style="margin-top:8px;" class="note-danger"><b>Note:</b> Automated bank transfer attracts additional charges of <?php echo $chargesText; ?> only.</div>
                                        </div>
                                    <?php endif; ?>

                                    <?php if($controller->getConfigValue($data2,"monifySaStatus") == "On"): ?>
                                        <div class="account-box">
                                            <div class="label-strong">Bank Name: Sterling Bank</div>
                                            <div style="margin-top:8px;" class="label-strong">Account No:</div>
                                            <div style="display:flex; gap:8px; align-items:center;">
                                                <div class="muted"><?php echo htmlspecialchars($data->sSterlingBank); ?></div>
                                                <button class="copy-btn" onclick="copyToClipboard('<?php echo htmlspecialchars($data->sSterlingBank); ?>')">Copy</button>
                                            </div>
                                            <div style="margin-top:8px;" class="note-danger"><b>Note:</b> Automated bank transfer attracts additional charges of <?php echo $chargesText; ?> only.</div>
                                        </div>
                                    <?php endif; ?>

                                <?php endif; ?>
                            </div>
                        <?php endif; ?>
                        <!-- MONNIFY / MULTI-BANKS END -->

                    </div>
                </div>
            </div>

            <!-- TAB 2 : Card -->
            <div data-bs-parent="#tab-group-1" class="collapse" id="tab-2">
                <div class="fund-section">
                    <div class="text-center mb-3">
                        <span style="display:inline-block; width:72px; height:72px; border-radius:18px; background: linear-gradient(135deg,#ff2a6d,#8a2be2); display:flex; align-items:center; justify-content:center; box-shadow: 0 8px 30px rgba(0,0,0,0.45);">
                            <i class="fa fa-credit-card" style="font-size:28px; color:#fff;"></i>
                        </span>
                    </div>

                    <div class="fund-card">
                        <h3 style="margin-top:0; color:#fff;">Pay with Card</h3>
                        <p class="small-muted">Securely pay with debit/credit cards. Powered by your configured gateway.</p>

                        <?php if($controller->getConfigValue($data2,"monifyCardStatus") == "On"): ?>
                            <form method="post" class="mt-3">
                                <div style="margin-bottom:12px;">
                                    <label class="small-muted">Amount</label>
                                    <input type="number" class="form-control" id="amount" name="amount" placeholder="Amount" required>
                                </div>

                                <div style="margin-bottom:12px;">
                                    <label class="small-muted">Charges</label>
                                    <input type="text" class="form-control" value="<?php echo htmlspecialchars($chargesText ?? ''); ?>" disabled>
                                </div>

                                <button type="submit" name="fund-with-card" id="cardPayBtn" class="primary-btn" onclick="document.getElementById('cardPayBtn').disabled=true; document.getElementById('cardPayBtn').innerHTML = '<i class=&quot;fa fa-spinner fa-spin&quot;></i> Processing ...';">
                                    Pay Now
                                </button>

                                <div style="text-align:center; margin-top:12px;">
                                    <img src="../../assets/img/monnifyimage.png" style="height:34px;" alt="gateway">
                                </div>
                            </form>
                        <?php else: ?>
                            <div class="account-box">
                                <div class="label-strong">Card Payment Disabled</div>
                                <div class="small-muted">Card funding is currently disabled. Contact support for assistance.</div>
                            </div>
                        <?php endif; ?>
                    </div>
                </div>
            </div>

            <!-- TAB 3 : Manual -->
            <div data-bs-parent="#tab-group-1" class="collapse" id="tab-3">
                <div class="fund-section">
                    <div class="text-center mb-3">
                        <span style="display:inline-block; width:72px; height:72px; border-radius:18px; background: linear-gradient(135deg,#ff2a6d,#8a2be2); display:flex; align-items:center; justify-content:center; box-shadow: 0 8px 30px rgba(0,0,0,0.45);">
                            <i class="fa fa-hand-holding-usd" style="font-size:28px; color:#fff;"></i>
                        </span>
                    </div>

                    <div class="fund-card">
                        <h3 style="margin-top:0; color:#fff;">Manual Funding</h3>
                        <p class="small-muted">Send money manually to the admin account below and contact support for manual crediting.</p>

                        <div class="account-box">
                            <div class="label-strong">Bank Name:</div>
                            <div class="muted"><?php echo htmlspecialchars($data3->bankname); ?></div>

                            <div style="margin-top:8px;" class="label-strong">Account Name:</div>
                            <div class="muted"><?php echo htmlspecialchars($data3->accountname); ?></div>

                            <div style="margin-top:8px;" class="label-strong">Account No:</div>
                            <div style="display:flex; gap:8px; align-items:center;">
                                <div class="muted"><?php echo htmlspecialchars($data3->accountno); ?></div>
                                <button class="copy-btn" onclick="copyToClipboard('<?php echo htmlspecialchars($data3->accountno); ?>')">Copy</button>
                            </div>

                            <div style="margin-top:10px;">
                                <div class="note-danger"><b>Note:</b> Please contact admin before making any transfer to avoid delays.</div>
                                <div style="margin-top:12px; display:flex; gap:8px;">
                                    <a class="secondary-btn" href="https://wa.me/234<?php echo htmlspecialchars($data3->whatsapp); ?>" target="_blank">Contact Admin</a>
                                    <a class="secondary-btn" href="contact-us">Support</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div> <!-- end content -->
    </div> <!-- end card -->

    <!-- Toast container -->
    <div id="zentitel-toast" aria-live="polite" aria-atomic="true" style="position: fixed; bottom: 24px; left: 50%; transform: translateX(-50%); z-index: 99999; display: none;">
        <div id="zentitel-toast-inner" style="background: rgba(0,0,0,0.7); color: #fff; padding: 12px 18px; border-radius: 12px; box-shadow: 0 8px 30px rgba(0,0,0,0.6);"></div>
    </div>

</div> <!-- end page-content -->

<!-- JS: toast + copy helpers -->
<script>
    function showToast(message, timeout = 2400) {
        const t = document.getElementById('zentitel-toast');
        const ti = document.getElementById('zentitel-toast-inner');
        ti.textContent = message;
        t.style.display = 'block';
        t.style.opacity = '1';
        // slide up animation
        t.animate([{ transform: 'translate(-50%, 16px)', opacity: 0 }, { transform: 'translate(-50%, 0)', opacity: 1 }], { duration: 220, easing: 'ease-out' });
        clearTimeout(t._hide);
        t._hide = setTimeout(() => {
            t.animate([{ transform: 'translate(-50%, 0)', opacity: 1 }, { transform: 'translate(-50%, 16px)', opacity: 0 }], { duration: 220, easing: 'ease-in' });
            setTimeout(() => { t.style.display = 'none'; }, 220);
        }, timeout);
    }

    function copyToClipboard(text) {
        if (!navigator.clipboard) {
            // fallback older execCommand
            const el = document.createElement('textarea');
            el.value = text;
            document.body.appendChild(el);
            el.select();
            try { document.execCommand('copy'); showToast('Copied: ' + text); } catch (e) { showToast('Unable to copy'); }
            document.body.removeChild(el);
            return;
        }
        navigator.clipboard.writeText(String(text)).then(() => {
            showToast('Copied: ' + text);
        }).catch(() => {
            showToast('Failed to copy');
        });
    }

    // prevent default anchor jumping and keep tab active styles
    document.querySelectorAll('.tab-controls a, .z-tab').forEach(btn => {
        btn.addEventListener('click', function(e){
            // remove active classes for z-tab visuals
            document.querySelectorAll('.z-tab').forEach(x => x.classList.remove('z-tab-active'));
            this.classList.add('z-tab-active');
            // if using bootstrap collapse, anchor already toggles collapse; prevent empty href jump
            if (this.getAttribute('href') === '#') e.preventDefault();
        });
    });

    // small safety: ensure forms show processing like original code (some buttons already set)
    // Additional JS logic can be added if needed.

</script>